<!DOCTYPE html>

<html>

<head>
	
	<meta charset="utf-8" />
	
	<title><?=ucfirst($this->load->controller())?></title>
	
	<!-- JQUERY -->
	<script src="/js/jquery-1.4.4.min.js"></script>	
	
	<!-- JQUERY UI -->
	<script src="/js/jquery-ui-1.8.7.custom.min.js"></script>
	<link type="text/css" href="/css/smoothness/jquery-ui-1.8.7.custom.css" rel="stylesheet" />
	
	<!-- SELECT MENU -->
	<script src="/js/selectmenu.js"/></script>

	<!-- CSS -->
	<link rel="stylesheet" href="/css/reset.css" type="text/css" />
	<link rel="stylesheet" href="/css/style.css" type="text/css" />	
	<link rel="stylesheet" href="/css/customizr.css" type="text/css" />
	<link rel="stylesheet" href="/css/960.css" type="text/css" />
	
	<!-- Fonts -->
	<link rel="stylesheet" href="/css/fonts/fonts.css" type="text/css" />
	<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Lobster' rel='stylesheet' type='text/css'>
	

	<!--[if IE]>
	<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
	<link rel="stylesheet" href="/css/ie.css" type="text/css" />
	<![endif]-->
	
</head>

<body class="<?=$_COOKIE['app-style']?>">

		<header>
		
			<div class="logo">
			
				<div class="container">
				
					<h1><span>SIC</span></h1>
				
				</div>
			
			</div>
			
			<div class="menu">
				
				<div class="container">

					<ul class="tabs boxie">

<?

$secciones = array('products','casos','tareas','docs','usuarios','admin');

?>

						<? foreach ($secciones as $seccion): ?>
						
							<li class="<?=$seccion?>"><a class="<?=($seccion == $this->load->controller())? 'active' : ''?>" href="/<?=$seccion?>/browse/"><span><?=$seccion?></span></a></li>
							
						<? endforeach; ?>
						
							<!--<li><a href="#">Dropdown &#9662;</a></li>-->
					
					</ul>
					
					
					
				</div>
				
			</div>
			
		</header>
		
		<nav class="submenu">
		
			<div class="container">
			
				<ul class="tabs">
					<li><a href="dos">Cuentas</a></li>
					<li><a class="active" href="tres">Facturas</a></li>
					<li><a href="cuatro">Opciones</a></li>
				</ul>
			
			</div>
		
		</nav>

		<div class="container nopadding">

			<div class="content">	
		
				<h2 class="controller"><?=ucfirst($this->load->controller())?></h2>
				
				<div class="clear"></div>
			
				<?=$this->content()?>
				
			</div>
			
		</div>

		<footer></footer>
	
<script>

$(function() {
	
	$('.buttonset').buttonset();
	
	$('input[type="radio"]', '#visual-type').bind('click', function() {
		$('body').removeClass();
		$('body').addClass($(this).attr('id'));
		setCookie('app-style', $(this).attr('id'), 100);
	});
	
	
/* Common
------------------------------------------------------------------------------------------ */
	
	// Seleccionar todos los checkbox
	$('[data-action="selectall"]').click(function() {
		checkboxes = $(this).parents('ul').find('input[type="checkbox"]');
		if ($(this).attr('checked'))
			checkboxes.attr('checked', 'checked');
		else
			checkboxes.removeAttr('checked');
	});
	

});


function setCookie(name,value,expiredays)
{
var exdate=new Date();
exdate.setDate(exdate.getDate()+expiredays);
document.cookie=name+ "=" +escape(value)+
((expiredays==null) ? "" : ";expires="+exdate.toUTCString()+'; path=/');
}


</script>

</body>	
	
</html>
